<template>
  <div class="main">
    <div class="list-title">
      <breadcrumb></breadcrumb>
    </div>
    <div class="row">
      <div class="large-5 columns hide-for-large">
        <h3 class="sub-type">类型</h3>
        <app-side-nav></app-side-nav>
      </div>
      <div class="large-19 columns">
        <div class="article-content">
          <intro></intro>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import AppSideNav from '@/views/include/AppSideNav'
  import Breadcrumb from '@/views/include/Breadcrumb'
  import Intro from '@/views/list/Intro'
  export default {
    data () {
      return {
      }
    },
    components: {
      AppSideNav,
      Intro,
      Breadcrumb
    }
  }
</script>
<style>
@import 'css/variable.css';
.article .el-dialog__header{
  padding: 0;
  & .el-dialog__headerbtn{
    margin: 1rem 1rem 0 0;
  }
}
</style>
